page-home {
    background:#fff;
    ion-navbar {
      position: relative;
    }
  
    .img {
      position: absolute;
      width: 25px;
      height: 25px;
      top: 15px;
      border-radius: 50%;
      left: 4.5%;
    }
  
    .biaoti {
      // position: absolute;
      // font-size: 25px;
      // left: 35%;
      // top: 12px;
      // color: white;
      // font-weight: bold;
      // font-style: italic;
    }
    .icon {
      // position: absolute;
      // color: white;
      // top: 15px;
      // font-size: 25px;
      // left: 89%;
    } 
  
    $slide-height-small: 40px;
    $slide-height-large: 50px;
    
    .slide-title {
      background-color: white;
      width: 100%;
      height: $slide-height-small;
      color: #666666;
      padding: 0;
    }
    
    .slide-title-unit {
      padding-bottom: 8px;
      font-size: 14px;
      height: $slide-height-small;
      line-height: $slide-height-small;
    }
    
    .slide-title-active {
      color: red;
      // color: map_get($colors, primary);
      // border-bottom: 3px solid map_get($colors, primary);
    }
    .slide-content {
      // position: relative;
      // margin-top:60px;
      width: 100%;
      //设置内容高度
      // .slide-zoom {
      //   height: 90%;
      // }
    }
    
    .div-list {
      height: 70px;
    }
    .list-title {
      position: relative;
      font-size: 14px;
      white-space: normal; //换行
      word-break:break-all;
      text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2; //这儿的数字代表的就是你所需要实现效果的第N行
      -webkit-box-orient: vertical;
    }
    .list-author {
      position: relative;
      font-size: 10px;
      color: gray;
    }
    .list-date {
      // float: left;
      margin-left: 8px;
      font-size: 10px;
      color: gray;
    }
    .list-picture {
      position: absolute;
      left: 70%;
      top: 10px;
      img{
        width: 100px;
        height: 70px;
      }
    }
    .list-picture2 {
      width: 100%;
      margin-top: 10px;
      img{
        width: 32%;
        margin-left: 0.5%;
        height: 86px;
      }
    }
    .list-title2 {
      // position: absolute;
      // left: 0;
      // top: 0;
      font-size: 14px;
      white-space: normal; //换行
    }
    video {
      // position: relative;
      // top: 0;
      // z-index: -100;
      width: 100%;
      // margin-top: 10px;
      // height: 100%;
  }

    // 如果分割线显示不出来，则使用
    // ion-list自带item分割线长度是0.55px，而移动端小于1px直接显示为0px
    .list-ios .item-block .item-inner{
      padding: 0px; //移除ion-list的内边距
      border-bottom-width: 1px !important;
    }
    .list-md .item-block .item-inner{
      padding: 0px;
      // border-bottom-width: 1px !important;
    }


    //searchbar外面没有嵌套toolbar或者navbar，则可以这样修改（标签在官方文档对于的控件中查找sass属性）
     $searchbar-ios-background-color: #f53d3d;
     $searchbar-ios-input-search-icon-color:#000;
     $searchbar-ios-input-placeholder-color:gray;
     $searchbar-ios-input-text-color:#000;

    //toolbar嵌套searchbar， 需要进行如下修改， 才可以更改searchbar的样式（以下标签需要在main.css里面查找，找起来会有点麻烦，要一点点试试才知道）
    .toolbar .searchbar-ios .searchbar-input {
      background: #fff;
      color: #000;
    }

    .toolbar-ios-twitter .searchbar-ios .searchbar-input::-moz-placeholder {
      color: rgba(0, 0, 0, 0.8);
    }
    
    .toolbar-ios-twitter .searchbar-ios .searchbar-input:-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.8);
    }
    
    .toolbar-ios-twitter .searchbar-ios .searchbar-input::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.8);
    }

    .toolbar-ios-twitter .searchbar-ios .searchbar-clear-icon {
      background-image: url("../../assets/icon/close-1.png");
    }

    .toolbar-ios-twitter .searchbar-ios .searchbar-search-icon {
      background-image: url("../../assets/icon/search-1.png");
    }
    
    #home  {
      font-family: '微软雅黑';
      font-size: 16px;
      padding: 0;
      margin: 0;
      border: 0;
      list-style: none;
      color: #666;
      // font-weight: 300;
    }

    #home{
      display: block;
      text-decoration: none;
    }
  
    
}
